<template>  
  <view>
    <view class="cu-bar bg-white solid-bottom">
      <view class="action">
        <text class="cuIcon-title text-custom"></text>{{detail.msgTypeName}}
      </view>
    </view>
    <view class="padding bg-white">
      <view class=" padding radius" >{{detail.msgContent}}</view>
    </view>
  </view>
</template>

<script setup lang="ts">
import {onLoad} from '@dcloudio/uni-app'
import {ref, onMounted} from 'vue';

import { getMsgDetail} from "@/common/api/msg";

const id = ref(0)
const detail = ref({})

const initDetail = () => {
  getMsgDetail(id.value).then(res => {
    detail.value = res.data;
  })
}

onMounted(()=>{
  initDetail();
})
onLoad(option=>{
  console.log(option.id)
  id.value = option.id
})
</script>

<style scoped>

</style>